<script type="text/ng-template" id="sidebar-renderer.html">
    <a ng-href="{{$state.href(item.action)}}" class="auto">
        <i  ng-class="item.icon"></i>
        <span ng-if="item.menus" class="pull-right text-muted">
				<i class="fa fa-fw fa-angle-right text"></i>
				<i class="fa fa-fw fa-angle-down text-active"></i>
			</span>
        <span>{{::$msg(item.name)}}</span>
    </a>
    <ul ng-if="item.menus" class = "nav nav-sub dk">
        <li class="nav-sub-header" ui-sref-active="active">{{$msg(item.name)}}</li>
        <li ng-repeat="item in item.menus"  ng-include="'sidebar-renderer.html'">
        </li>
    </ul>
</script>
<ul class="nav">
    <li ng-repeat="item in menuItems"  ng-include="'sidebar-renderer.html'"></li>
</ul>
